/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V25.0";
@themeName: "vlook-solaris";
@themeDesc: "Solaris";

// 指定字体主题
.applyFontStyle(book);
// .applyFontStyle(local);
// .applyFontStyle(serif);
// 指定主题配套的圆角
.applyThemeRadius(none);

// 文档背景色
@bgLight4Theme: #FCF9F2;
@bgDark4Theme: #202530;//#181C28;
.applyDocBgColor(@bgLight4Theme, @bgDark4Theme);
.applyDocTextColor(@bgDark4Theme, @bgLight4Theme);

// 面板颜色
@tmpPanelColorLight: #D0D4E4;
@tmpPanelColorDark: #383B4B;
.applyPanelColor(@tmpPanelColorLight, @tmpPanelColorDark);
// 表格
.applyTableColor(@tmpPanelColorLight, @tmpPanelColorDark);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: url("");
}

// 主题主色
@theme1: #B24D7A;
@theme2: #6868B0;
@theme3: #B24D7A;
@theme4: @bgLight4Theme;
@theme1Dark: #B85B85;
@theme1Alt: #F3E3EA ;
@theme1AltDark: #401C2C;
@theme2Dark: #7272B5;
@theme2Alt: #E4E4F1;
@theme2AltDark: #27274A;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 75%);

@themeForeColor: @theme3;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 20%);
@themeBgColorAlt: lighten(@themeBgColor, 40%);

// 标题色
@headerColor: @theme3;
@headerColorDark: @theme3;
// 渐变标题色 h1-h5
// @lgHeaderBg: none;
// @lgHeaderBgClip: inherit;
// @lgHeaderColor: @headerColor;
// 6 级标题前缀内容
//@h6BeforeContent: "◼︎ ";
// @tocHeaderNumColor: @docTextColorLightFade;
@contentHeaderNumColor: @themeForeColorFade;
@headerPadding: 5px 0;
//@headerLetterSpacing: 0;//0.15em;
// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;
@h1Margin: 3em 0 0 0;
@h2Margin: 3em 0 0 0;
@h3Margin: 2em 0 0 0;
@h4Margin: 2em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 题注背景
@captionBackground: none;

// 按钮色
@buttonForeColor: #FFFFFF;
@buttonForeHoverColor: #FFFFFF;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(none);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: #282B3B;

// 表格边框
@tblBdWidth: 3px;
@tableBorderColor: var(--tbl-bd-c);
@tableBorderWidth: @tblBdWidth;
@tableBorderLeftWidth: 0;
@tableBorderRightWidth: 0;
@tableBorderTopWidth: @tblBdWidth;
@tableBorderBottomWidth: @tblBdWidth;
@tableThBorderRightWidth: 0;
@tableTdBorderRightWidth: 0;
// 表格圆角
@tableBorderRadius: 0px;
@tableBorderRadiusXC: 0px;
// 表格背景
@tableBackground: var(--d-bc);
@tableThColor: inherit;
@tableThBackground: none;
@tableTdBackground: none;
// 表格单元格阴影
@tableFirstThBoxShadow: 0 1px 0 var(--tbl-h-bd);
@tableThBoxShadow: @tableFirstThBoxShadow;
@tableThRepeaterBoxShadow: 0 -@tblBdWidth 0 var(--tbl-h-bd), @tableThBoxShadow;
@tableFirstTdBoxShadow: none;
@tableTdBoxShadow: none;

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 420px 60px 50px;
@coverTextColor: @theme4;
@coverSubColor: @themeForeColor;
@coverUnderlineColor: @themeForeColor;
@coverAuthorColor: @theme2;
@coverOwnerColor: @theme2;

@backCoverTextAlign: left;
@backCoverTextPadding: 400px 60px 50px;
@backCoverTextColor: @theme4;

// 封面装饰性文本样式 before
@coverTextBeforeContent: "";
@coverTextBeforePosition: initial;
@coverTextBeforeLeft: initial;
@coverTextBeforeTop: initial;
@coverTextBeforeColor: initial;
@coverTextBeforeFontSize: initial;
@coverTextBeforeFontWeight: initial;
@coverTextBeforeOpacity: initial;
// 封面装饰性文本样式 after
@coverTextAfterContent: "";
@coverTextAfterTextAlign: initial;
@coverTextAfterLeft: initial;
@coverTextAfterTop: @coverTextBeforeTop;
@coverTextAfterRight: initial;
@coverTextAfterColor: @coverTextBeforeColor;
@coverTextAfterFontSize: @coverTextBeforeFontSize;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 2px rgba(34, 36, 38, 0.2) inset;

// 封面背景设置
@coverBackgroundColor: #56569C;
@coverBackgroundImage: var(--thm-c-spliter), var(--thm-c-band), var(--thm-c-b-solaris), var(--thm-c-s-solaris);
@coverBackgroundSize: auto;
@coverBackgroundRepeat: no-repeat, repeat-x, no-repeat, no-repeat;
@coverBackgroundPosition: bottom right, bottom, bottom left, top right;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: var(--thm-c-b-solaris), var(--thm-c-s-solaris);
@backCoverBackgroundSize: @coverBackgroundSize;
@backCoverBackgroundRepeat: no-repeat, no-repeat;
@backCoverBackgroundPosition: top left, top right;

// 封面、封底素材资源
:root {
    --thm-c-s-solaris: url("");
    --thm-c-b-solaris: url("");
    --thm-c-band: url("");
    --thm-c-spliter: url("");
}

@import "../base";

// 生成指定风格的徽章样式
.genBadgeStyle(cap);

// 生成 GSA 样式
.genGSA_flat();
